<!DOCTYPE html>
<html lang="en" xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
 

</head>
<body>
<div id="app">
    <!-- 超链接 用vue的方式指定  超链接 的点击后跳转地址
        v-bind是vue的指令，所以他引用变量无需加{{}}
        href 设置超链接 点击后跳转到哪里
     -->
   <a v-bind:href="url">点击一下</a>

    <a :href="url">点击一下</a>


    <input v-model="url">

</div>

<script src="js/vue.js"></script>
<!-- html 引入Javascript -->
<script>
    // javascript
    //Vue 就是一个Javascript 的库
    //1. 创建Vue核心对象

    new Vue({
        el:"#app",
        // data 是定义vue变量的地方
        data(){
            return {
                username:"",
                url:"https://www.baidu.com"
            }
        }
    });

</script>


</body>
</html>